let appave_title = document.querySelector("#appave-title");
let examine_model = document.querySelector("#examine-model");

appave_title.addEventListener("mousedown", function (e) {
    let x = e.pageX - examine_model.offsetLeft;
    let y = e.pageY - examine_model.offsetTop;
    document.addEventListener("mousemove", move);

    function move(e) {
        examine_model.style.left = e.pageX - x + 'px';
        examine_model.style.top = e.pageY - y + 'px';
    }

    document.addEventListener("mouseup", function (e) {
        document.removeEventListener("mousemove", move);
    })
});

function online_approval_tag() {
    document.getElementById("appave-model").style.display = "table-row";
}

function close_approval_models() {
    document.getElementById("appave-model").style.display = "none";
}